@media (min-width:768px) and (max-width:979px) {
    .mail-box .sm-side {
        width:30%
    }
    .mail-box .lg-side {
        width:70%
    }
}
@media (max-width:768px) {
    .header {
        position:absolute
    }
    #sidebar {
        height:auto;
        overflow:hidden;
        position:absolute;
        width:100%;
        z-index:1001
    }
    #main-content {
        margin:0!important;
        position:none!important
    }
    #sidebar>ul>li>a>span {
        line-height:35px
    }
    #sidebar>ul>li {
        margin:0 10px 5px 10px
    }
    #sidebar>ul>li>a {
        height:35px;
        line-height:35px;
        padding:0 10px;
        text-align:left
    }
    .mail-info,.mail-info:hover {
        display:none!important
    }
    #sidebar ul>li>a .arrow,#sidebar>ul>li>a .arrow.open {
        margin-right:10px;
        margin-top:15px
    }
    #sidebar ul>li.active>a .arrow,#sidebar ul>li>a:focus .arrow,#sidebar ul>li>a:hover .arrow,#sidebar>ul>li.active>a .arrow.open,#sidebar>ul>li>a:focus .arrow.open,#sidebar>ul>li>a:hover .arrow.open {
        margin-top:15px
    }
    #sidebar>ul>li>a,#sidebar>ul>li>ul.sub>li {
        width:100%
    }
    #sidebar>ul>li>ul.sub>li>a {
        background:0 0!important
    }
    #sidebar {
        margin:0!important
    }
    #sidebar .btn-navbar.collapsed .arrow {
        display:none
    }
    #sidebar .btn-navbar .arrow {
        position:absolute;
        right:35px;
        width:0;
        height:0;
        top:48px;
        border-bottom:15px solid #282e36;
        border-left:15px solid transparent;
        border-right:15px solid transparent
    }
    .btn {
        margin-bottom:5px
    }
    .mail-box aside {
        display:block
    }
    .mail-box .lg-side,.mail-box .sm-side {
        width:100%
    }
    .fc-header-right {
        left:25px;
        position:absolute
    }
    .fc-header-left .fc-button {
        margin:0!important;
        top:-10px!important
    }
    .fc-header-right .fc-button {
        margin:0!important;
        top:-50px!important
    }
    .fc-state-active,.fc-state-active .fc-button-inner,.fc-state-hover,.fc-state-hover .fc-button-inner {
        background:0 0!important;
        color:#fff!important
    }
    .fc-state-default,.fc-state-default .fc-button-inner {
        background:0 0!important
    }
    .fc-button {
        border:none!important;
        margin-right:2px
    }
    .fc-view {
        top:0!important
    }
    .fc-button .fc-button-inner {
        margin:0!important;
        padding:2px!important;
        border:none!important;
        margin-right:2px!important;
        background-color:#fafafa!important;
        background-image:linear-gradient(to bottom,#fafafa,#efefef)!important;
        box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
        border-radius:3px!important;
        color:#646464!important;
        border:1px solid #ddd!important;
        text-shadow:0 1px 0 rgba(255,255,255,.6)!important;
        text-align:center
    }
    .fc-button.fc-state-disabled .fc-button-inner {
        color:#bcbbbb!important
    }
    .fc-button.fc-state-active .fc-button-inner {
        background-color:#e5e4e4!important;
        background-image:linear-gradient(to bottom,#e5e4e4,#dddcdc)!important
    }
    .fc-content {
        margin-top:50px
    }
    .fc-header-title h2 {
        line-height:40px!important;
        font-size:12px!important
    }
    .fc-header {
        margin-bottom:0!important
    }
    .timeline-desk .album a {
        margin-bottom:5px;
        margin-right:4px
    }
    .stepy-titles li {
        margin:10px 3px
    }
    .mail-option .btn {
        margin-bottom:0
    }
    }@media (max-width:480px) {
        .dont-show,.inbox-head .sr-btn,.inbox-head .sr-input,.notify-row,.search {
        display:none
    }
    .mail-box aside {
        display:block
    }
    .mail-box .lg-side,.mail-box .sm-side {
        width:100%
    }
    #top_menu .nav>li,ul.top-menu>li {
        float:right
    }
    .hidden-phone {
        display:none!important
    }
    .dataTables_filter {
        float:left
    }
    .dataTables_info {
        margin-bottom:10px
    }
    .mail-option .btn {
        margin-bottom:0
    }
    .mail-option .inbox-pagination {
        margin-top:10px;
        float:left
    }
    .chart-position {
        margin-top:0
    }
}
@media (max-width:320px) {
    .login-social-link a {
        padding:15px 17px!important
    }
    .dont-show,.inbox-head .sr-btn,.inbox-head .sr-input,.notify-row,.search {
        display:none
    }
    .mail-box aside {
        display:block
    }
    .mail-box .lg-side,.mail-box .sm-side {
        width:100%
    }
    #top_menu .nav>li,ul.top-menu>li {
        float:right
    }
    .hidden-phone {
        display:none!important
    }
    .dataTables_filter {
        float:left
    }
    .dataTables_info {
        margin-bottom:10px
    }
    .mail-option .btn {
        margin-bottom:0
    }
    .mail-option .inbox-pagination {
        margin-top:10px;
        float:left
    }
    .chart-position {
        margin-top:0
    }
}
